<script setup lang="ts">
import { computed, inject} from 'vue';
const data: any = inject('data',{})
const showData = computed(() => {
  return data.value.pc_pcr_pd_list||[]
})
const pc_pca_pd_list = computed(() => {
  return data.value.pc_pca_pd_list||[]
})
</script>
<template>
  <div class="h3 title">（7）相关还款责任信息</div>
  <template v-for="(item, i) in showData" :key="i">
    <div class="acc-name"><span>账户{{ i + 1 }}</span></div>
    <table>
      <tbody>
        <tr>
          <th>管理机构</th>
          <th>业务种类</th>
          <th>开立日期</th>
          <th>到期日期</th>
          <th>主业务借款人</th>
          <th>责任人类型</th>
          <th>还款责任金额</th>
          <th>币种</th>
          <th>保证合同编号</th>
        </tr>
        <tr>
          <td>{{ item.PD03AD01 }}{{ item.PD03AQ01 }}</td>
          <td>{{ item.PD03AD02 }}</td>
          <td>{{ item.PD03AR01 }}</td>
          <td>{{ item.PD03AR02 }}</td>
          <td>{{ item.PD03AD08 }}</td>
          <td>{{ item.PD03AD03 }}</td>
          <td>{{ item.PD03AJ01 }}</td>
          <td>{{ item.PD03AD04 }}</td>
          <td>{{ item.PD03AQ02 }}</td>
        </tr>
        <tr>
          <th colspan="100">截至{{ item.PD03AR03 }}</th>
        </tr>
        <tr>
          <th colspan="3" >余额</th>
          <th colspan="3" >五级分类</th>
          <th v-if="item.PD03AD08 == '组织机构'" colspan="3" > 逾期月数</th>
          <th v-else colspan="3" >还款状态</th>
        </tr>
        <tr>
          <td colspan="3" >{{ item.PD03AJ02 }}</td>
          <td colspan="3" >{{ item.PD03AD05 }}</td>
          <td v-if="item.PD03AD08 == '组织机构'" colspan="3" >{{ item.PD03AS01}}</td>
          <td v-else colspan="3" >{{ item.PD03AD07 }}</td>
        </tr>
      </tbody>
    </table>

    
  </template>

  
  <div class="h3 title">（8）授信协议信息</div>
  <template v-for="(item, i) in pc_pca_pd_list" :key="i">
    <div class="acc-name"><span>授信协议{{ i + 1 }}</span></div>
    <table>
      <tbody>
        <tr>
          <th>管理机构</th>
          <th>授信协议标识</th>
          <th>生效日期</th>
          <th>到期日期</th>
          <th>授信额度用途</th>
        </tr>
        <tr>
          <td>{{ item.PD02AD01 }}{{ item.PD02AI02 }}</td>
          <td>{{ item.PD02AI03 }}</td>
          <td>{{ item.PD02AR01 }}</td>
          <td>{{ item.PD02AR02 }}</td>
          <td>{{ item.PD02AD02 }}</td>
        </tr>
        <tr>
          <th>授信额度</th>
          <th>授信限额</th>
          <th>授信限额编号</th>
          <th>已用额度</th>
          <th>币种</th>
        </tr>
        <tr>
          <td>{{ item.PD02AJ01 }}</td>
          <td>{{ item.PD02AJ03 }}</td>
          <td>{{ item.PD02AI04 }}</td>
          <td>{{ item.PD02AJ04 }}</td>
          <td>{{ item.PD02AD03 }}</td>
        </tr>
      </tbody>
    </table>

   
    
  </template>

 

</template>
<style scoped>
.acc-name {
  width: 80%;
  margin: 0 auto;
}
</style>